<template>
	<div class="rank-feature">
	  <div class="hd">
		<el-divider content-position="left"><h2>流行榜</h2></el-divider>
	  </div>
	  <div v-for="(item, index) in rankfeature" :key="index">
		<RankfeatureChild :item="item" />
	  </div>
	</div>
  </template>
  
  <script setup>
  import { ref } from 'vue';
  import { useRouter } from 'vue-router';
  import RankfeatureChild from './RankfeatureChild.vue';
  

  const props = defineProps({
	rankfeature: {
	  type: Array,
	  default: () => [],
	},
  });
  

  const isShowPlay = ref(false);
  

  const router = useRouter();
  

  const rankClick = (id) => {
	// 点击后根据歌单id跳转歌单详情页
	router.push(`/songlistdetail/${id}`);
  };
  
  const showIcon = () => {
	isShowPlay.value = true;
  };
  
  const closeIcon = () => {
	isShowPlay.value = false;
  };
  </script>
  
  <style lang="less" scoped></style>
  